<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>business-card</title>
    <link rel="stylesheet" href="styles.css">
</head>

<body>
    <div class="business-card">
        <img class="profile-image"
            src="https://acm.webturing.com/image/portrait/afca3d503f793e927296b3580ee78550d16b2cc8.png"
            alt="profile picture">
        <p class="full-name">Name: 赵灵图</p>
        <p class="designation">Software Developer</p>
        <p class="company">@FreeCodeCamp</p>
        <hr>
        <p>Email: zlt123@example.com</p>
        <p>Phone: 123-456-7890</p>
        <a class="portfolio" href="https://acm.webturing.com/userinfo.php?user=zhaolingtu">Portfolio</a>
        <hr>
        <div class="social-media">
            <h2>Connect with me</h2>
            <a href="https://twitter.com/zlt123">Twitter</a>
            <a href="https://www.linkedin.com/in/zlt123">LinkedIn</a>
            <a href="http://github.com/zlt123">GitHub</a>
        </div>
    </div>


</body>

</html>